
// var colorArr = ["#5470C6", "#91CC75", "#FAC858", "#EE6666", "#73C0DE"];
var colorArr = ['#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53', '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42']


// 用户ID
let id = getUrlParam("id");
$(function () {
    GetUserRole();
});
//获取用户权限
function GetUserRole() {
    // let thisdata = [];
    // thisdata.push(InitRole(id));
    let USERdata = InitRole(id);
    if (USERdata != null) {
        InitChart();

    }
    else OpenErrmsg("../../web/errhtml/404.html");
}

function InitChart() {
    //后台获取数据格式
    let data = { "Total_Num": "100", "Staffing_Num": "60", "VIP_Num": "50", "Seat_Capacity_Num": "12", "ex_Assist_Num": "20" };

    //数据整理，整理成图表适用的数据
    var myChart = echarts.init(document.getElementById('chartdiv'));
    var seriesDataPie = new Array();
    //获取在船总人数，作为图表的标题
    let ChartTitle = data.Total_Num;
    //数据整理  字段与中文名称匹配
    $.each(data, function (i) {
        let name = "";
        let value = data[i];//获取对应的value
        switch (i) {
            case 'Staffing_Num':
                name = "定员";
                break;
            case "VIP_Num":
                name = "VIP";
                break;
            case "Seat_Capacity_Num":
                name = "空床";
                break;
            case "ex_Assist_Num":
                name = "外协";
                break;
            default:
                break;
        }
        if (i != "Total_Num") seriesDataPie.push({ name: name, value: value });

    });
    // 指定图表的配置项和数据
    var option2 = {
        title: {
            text: '在船总人数：' + ChartTitle,
            textStyle: {
                //字体大小
                fontSize: 12,
                color: '#027DB4',
            },
        },
        legend: {
            orient: 'vertical',
            left: 'right'
        },
        tooltip: {},
        // 全局调色盘。
        color: colorArr,
        series: [{
            name: '数量',
            type: 'pie',
            data: seriesDataPie
        }]
    };
    myChart.setOption(option2);

    // //每日装船数
    // $.ajax({
    //     type: "POST",
    //     url: 'DataDriver.ashx?method=mrzc&random=' + GetRandomNum(1, 1000),
    //     async: true, cache: false,
    //     data: {},
    //     dataType: "json",
    //     success: function (data) {

    //         var xAxisDataLine = new Array();
    //         var seriesDataLine = new Array();
    //         for (var i = 0; i < data.length; i++) {
    //             var item = data[i];
    //             xAxisDataLine.push(item.date)
    //             seriesDataLine.push(item.num);
    //         }
    //         // 指定图表的配置项和数据
    //         var option = {
    //             title: {
    //                 text: "每日装船数",
    //                 textStyle: {
    //                     color: '#54cad8',
    //                     fontSize: "30px",
    //                     fontWeight: "bold"
    //                 },
    //                 top: "10px;",
    //                 left: "20px;"
    //             },
    //             tooltip: {},
    //             legend: {
    //                 data: ['销量'],
    //                 color: "#fff"
    //             },

    //             xAxis: {
    //                 data: xAxisDataLine,
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             yAxis: {
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 splitLine: {
    //                     show: true,
    //                     lineStyle: {
    //                         type: 'solid',
    //                         color: '#113d5e'
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             color: ["#01d6ff"],
    //             series: [{
    //                 type: 'bar',
    //                 data: seriesDataLine
    //             }]
    //         };
    //         // 使用刚指定的配置项和数据显示图表。
    //         myChart.setOption(option);


    //     }
    // });
}

